h1{
    width: 100%;
    height: 30px;
    color: black;
    text-align: center;
    line-height: 10px;
}
ul{
    width: 800px;
    height: 300px;
    padding-top: 20px;
    margin: 0 auto;
    border: 1px dashed black;
}

ul>li{
    list-style-type: none;
    width: 600px;
    font-size: 18px;
    background-color: #ccc;
    margin: 10px 50px 10px 80px;
}
li>button{
    float: right;
}
textarea{
    width: 540px;
    height: 60px;
    margin:  0 auto;
    color: #ccc;
    border-color: black;
    margin: 30px 0px 0px 350px;
}
.sub{
    background-color: black;
    width: 200px;
    height: 30px;
    color: white;
    border: 0.5px;
    margin: 10px 0px 0px 510px;
}